$(function(){
    axios.defaults.baseURL ='http://www.liulongbin.top:3007'
      // 1.1 获取裁剪区域的 DOM 元素
  var $image = $('#image')
  // 1.2 配置选项
  const options = {
    // 纵横比
    aspectRatio: 1,
    // 指定预览区域
    preview: '.img-preview'
  }

  // 1.3 创建裁剪区域
  $image.cropper(options)
//   选择图片
  $('#cibtn').on('click',function(){
      $('#ciput').click()
  })
  $('#ciput').on('change',function(){
      let file  = this.files[0]
      if(file === undefined){
          return layui.layer.msg('头像为空')
      }
      let url = URL.createObjectURL(file)
      $image.cropper('destroy')
      .attr('src',url)
      .cropper(options)
  })
  $('#loginbtn').on('click',function(){
      var dataURL =$image
      .cropper('getCroppedCanvas',{width:100,height:100})
      .toDataURL('image/png')
      axios({
          method:'post',
          url:'/my/update/avatar',
          data:'avatar='+encodeURIComponent(dataURL),
        headers: {Authorization:localStorage.getItem('token')},

      }).then(res=>{
          if(res.data.status !=0){
              return layui.layer.msg(res.data.message)
          }
          layui.layer.msg("工信你，更改头像成功")
          window.parent.getUserInfo()
      })
  })
})